<!DOCTYPE html> 
<html> 
    <head> 
    <title>RPP - Team Member Form</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="js/jquery-1.7.1.min.js"></script>
    <script src ="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script src ="js/md5.js"></script>
    <link rel="stylesheet" href="css/jquery-ui.css" />
    <link rel="stylesheet" href="css/form.css" />
    <link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
    <script src ="js/quickforms.js"></script>
    <script src="js/jquery.mobile-1.1.1.min.js"></script>
    <script src="js/teamMember.js"></script>

    
</head> 
<!--<body onload ="getFieldSelection('rpp','team_members')"> -->
<body>

<div data-role="page">

	<div data-role="header">
		<h1>RPP - Team Member Form</h1>
        <a href="logout.jsp" rel="external" data-role="button" data-inline="true" data-theme="c" class="ui-btn-right">Logout</a>
	</div><!-- /header -->

	<div data-role="content" data-inset="true">
	
	
        <!-- FORM START -->
        <form id ="mainForm" method="POST" action="putFact">
            
            
            <a href="teams.html" rel="external" data-role="button" data-inline="true" data-icon="back">Back</a>
            <a href="#" rel="external" onClick="putTeam()" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>
            <a href="#" rel="external" onClick="changePassword()" data-role="button" data-inline="true" data-theme="c" >Change Password</a>
            <a id="deleteTeamButton" href="#" rel="external" onClick="removeTeam()" data-role="button" data-inline="true" data-theme="c" >Delete</a>
            
            <br/>
            
            <label for="user_name" class ="ui-input-text">User Name:</label>
            <input id ="user_name" name ="user_name" type ="text"/>
            
            <label for="first_name" class ="ui-input-text">First Name:</label>
            <input type="text" id ="first_name" name ="first_name" />
            
            <label for="last_name" class ="ui-input-text">Last Name:</label>
            <input id ="last_name" name ="last_name" type ="text"/>
            
            <label for="email" class ="ui-input-text">Email:</label>
            <input name="email" id="email" type="text" >
            
            <label for="user_pass" class ="ui-input-text">Password:</label>
            <input id ="user_pass" name ="user_pass" type ="password"/>
            
            <label for="user_pass_confirm" class ="ui-input-text">Confirm Password:</label>
            <input id ="user_pass_confirm" name ="user_pass_confirm" type ="password"/>
            
			<input id ="role_name" name ="role_name" type ="hidden" value="user"/>
            
            <br/>

            <a href="teams.html" rel="external" data-role="button" data-inline="true" data-icon="back">Back</a>
            <a href="#" rel="external" onClick="putTeam()" data-role="button" data-inline="true" data-theme="b" data-icon="check">Submit</a>  
        </form>
        <!-- Form ENd -->
    
    
	</div>	
		
	<div data-role="footer">
	   <h4></h4>
	</div>

</div><!-- /page -->

</body>
</html>
